<template>
  <div>
    <main-header></main-header>
    <main-to-do></main-to-do>
    <main-footer></main-footer>
  </div>
</template>

<script>
import "./assets/styles/global.styl";
import MainHeader from "./components/MainHeader.vue";
import MainToDo from "./components/MainTodo/MainToDo.vue";
import MainFooter from "./components/MainFooter.vue";

export default {
  name: "App",
  components: {
    MainHeader: MainHeader,
    MainToDo: MainToDo,
    MainFooter: MainFooter,
  },
};
</script>

<style lang="stylus" scoped></style>
